<template>
    <!-- html结构 -->
    <div class="person">
        ？？？
    </div>
</template>
<script setup lang="ts" name="Person">
// ts代码要求格式，如果导入不是值，而是接口类型，需要加type
// @会直接导航至src这最外层
import {type iPerson,type PersonsType } from '@/types';
// let person:iPerson={id:"asyudpoqbv852",name:"张三",age:60}
let personList:PersonsType=[
    {id:"asyudpoqbv8521",name:"张三1",age:60},
    {id:"asyudpoqbv8522",name:"张三2",age:60},
    {id:"asyudpoqbv8523",name:"张三3",age:60},
]


</script>

<style scoped>
.person {
    background-color: #6cf;
    box-shadow: 0 0 10px #000;
    border-radius: 10px;
    padding: 10px;
}
</style>